// 主题颜色
$primary-color: #f34087;
$secondary-color: #409eff;

// 文字颜色
$text-primary: #303133;
$text-regular: #606266;
$text-secondary: #909399;

// 背景颜色
$bg-primary: #fff;
$bg-secondary: rgba(255, 255, 255, 0.8);

// 边框颜色
$border-color: #dcdfe6;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// 圆角
$border-radius-sm: 6px;
$border-radius-md: 10px;
$border-radius-lg: 18px;

// 阴影
$box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);

// 字体
$font-family-base: 'Pang', sans-serif;
$font-family-title: 'Airfool', sans-serif;

// 字号
$font-size-base: 14px;
$font-size-lg: 16px;
$font-size-xl: 20px;
$font-size-xxl: 26px;

// z-index层级
$z-index-header: 100;
$z-index-modal: 1000;
$z-index-message: 2000;

// 动画
$transition-base: all 0.3s;